<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Home 1</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- GOOGLE FONT -->
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">
    <!-- CSS LIBRARY -->
    <link rel="stylesheet" type="text/css" href="/statics/index/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/statics/index/css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="/statics/index/css/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="/statics/index/css/gallery.css">
    <link rel="stylesheet" type="text/css" href="/statics/index/css/vit-gallery.css">
    <link rel="shortcut icon" type="text/css" href="/statics/index/images/favicon.png" />
    <link rel="stylesheet" type="text/css" href="/statics/index/css/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css" href="/statics/index/css/bootstrap-datepicker.css" />
    <!-- MAIN STYLE -->
    <link rel="stylesheet" href="/statics/index/css/styles.css">
</head>

<body>



<!-- HEADER -->
<header class="header-sky">
    <div class="container">
        <!--HEADER-TOP-->
        <div class="header-top">
            <div class="header-top-left">
                <span><i class="ion-android-cloud-outline"></i>18 °C</span>
                <span><i class="ion-ios-location-outline"></i> 湖南郴州</span>
                <span><i class="fa fa-phone" aria-hidden="true"></i> 1-548-854-8898</span>
            </div>
            <div class="header-top-right">
                <ul>
                    <c:if test="${account == null }">
                        <li class="dropdown"><a href="login2" title="LOGIN" class="dropdown-toggle">登录/注册</a></li>
                    </c:if>
                    <c:if test="${account != null }">
                        <li class="hello pull-right"><a href="/home/account/index" id="dayss">欢迎您：${account.name }</a></li>
                        <li class="hello pull-right"><a href="../home/logout">退出</a></li>
                    </c:if>
                    <c:if test="${account.name == 'admin' }">
                        <li class="hello pull-right"><a href="../system/login">管理员登陆</a></li>
                    </c:if>

                </ul>
            </div>
        </div>
        <!-- END/HEADER-TOP -->
    </div>
    <!-- MENU-HEADER -->
    <div class="menu-header">
        <nav class="navbar navbar-fixed-top">
            <div class="container">
                <div class="navbar-header ">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar "></span>
                        <span class="icon-bar "></span>
                        <span class="icon-bar "></span>
                    </button>
                    <a class="navbar-brand" href="../../index.html" title="Skyline"><img src="../../../../statics/index/images/Home-1/sky-logo-header.png" alt="#"></a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#" title="">家</a></li>
                        <li><a href="#">博客 </a></li>
                        <li><a href="#" id="grzx" name="grzx">个人中心</a></li>
                        <li><a href="${pageContext.request.contextPath}/home/account/after" title="">画廊</a></li>
                        <li><a href="#" title="About">关于</a></li>
                        <li><a href="#" title="Contact">联系</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <!-- END / MENU-HEADER -->
</header>
<!-- END-HEADER -->
<!-- SLIDER -->
<section class="section-slider height-v">
    <div id="index12" class="owl-carousel  owl-theme">
        <div class="item">
            <!--			<img alt="Third slide" src="images/Home-1/Slider-v1.jpg" class="img-responsive">-->
            <img src="../../../../statics/index/images/Home-1/Slider-v1.jpg">
            <div class="carousel-caption">
                <h1>欢迎来到好来屋</h1>
                <p><span class="line-t"></span>Hotels & Resorts <span class="line-b"></span></p>
            </div>
        </div>
        <div class="item">
            <img alt="Third slide" src="../../../../statics/index/images/Home-2/Slider-v2.jpg" class="img-responsive">
            <div class="container">
                <div class="carousel-caption ">
                    <h1 class="v2">享受奢华体验</h1>
                    <p class="p-v2"><span class="line-t"></span>Hotels & Resorts <span class="line-b"></span></p>
                </div>
            </div>
        </div>
    </div>
    <div class="check-avail">
        <div class="container">
            <div class="arrival date-title ">
                <label>到达日期 </label>
                <div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                    <input class="form-control" type="text">
                    <span class="input-group-addon"><img src="../../../../statics/index/images/Home-1/date-icon.png" alt="#"></span>
                </div>
            </div>
            <div class="departure date-title ">
                <label>出发日期 </label>
                <div id="datepickeri" class="input-group date" data-date-format="dd-mm-yyyy">
                    <input class="form-control" type="text">
                    <span class="input-group-addon"><img src="../../../../statics/index/images/Home-1/date-icon.png" alt="#"></span>
                </div>
            </div>
            <div class="adults date-title ">
                <label>成年人</label>
                <form>
                    <div class=" carousel-search">
                        <div class="btn-group">
                            <a class="btn dropdown-toggle " data-toggle="dropdown" href="#">2</a>
                            <ul class="dropdown-menu">
                                <li><a>1</a></li>
                                <li><a>2</a></li>
                                <li><a>3</a></li>
                                <li><a>4</a></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="children date-title ">
                <label>孩子们</label>
                <form>
                    <div class=" carousel-search">
                        <div class="btn-group">
                            <a class="btn dropdown-toggle " data-toggle="dropdown" href="#">2</a>
                            <ul class="dropdown-menu">
                                <li><a>1</a></li>
                                <li><a>2</a></li>
                                <li><a>3</a></li>
                                <li><a>4</a></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="find_btn date-title">
                <div class="text-find">
                    Check
                    <br>Availability
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / SLIDER -->
<!-- OUR-ROOMS-->
<section class="rooms">
    <div class="container">
        <h2 class="title-room">我们的房间</h2>
        <div class="outline"></div>
        <p class="rooms-p">当你举办派对或家庭团聚时，特别的庆祝活动会让你加强与家人的联系</p>
        <div class="row">
            <c:forEach items="${roomTypeList }" var="roomType">
                <div class="col-md-4 col-sm-6">
                    <div id="serv_hover"  class="room">
                        <div class="room_img">
                            <figure> <a href="/home/account/book_order?roomTypeId=${roomType.id }"><img src="../../../../${roomType.photo}" class="img-responsive" alt="PLuxury Room" title="Luxury Room"></a></figure>
                        </div>
                        <div class="bed_room">
                            <h4 class="sky-h4"><a href="/home/account/book_order?roomTypeId==${roomType.id }">${roomType.name}</a></h4>
                            <h4 class="price"><a href="/home/account/book_order?roomTypeId==${roomType.id }">${roomType.price}/ 每晚</a></h4>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <ul class="pagination">
            <li><a href="index?offset=0" id="firstPage">首页</a></li>
            <li><a href="index?offset=0" id="two">1</a></li>
            <li><a href="index?offset=1" id="three">2</a></li>
            <c:if test="${pageUtil.totalPage!=2}">
                <li><a href="javascript:void(0);" id="three">。。。</a></li>
                <li><a href="index?offset=${pageUtil.totalPage-2}" id="four">${pageUtil.totalPage-1}</a></li>
                <li><a href="index?offset=${pageUtil.totalPage-1}" id="five">${pageUtil.totalPage}</a></li>
            </c:if>
            <li><a href="index?offset=${pageUtil.totalPage-1}"
                   id="totalPage">尾页</a></li>
            <li><a href="javascript:void(0);">当前页为：${pageUtil.currentPage+1}</a></li>
        </ul>

    </div>
    </div>

</section>
<section class="about">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5">
                <div class="about-centent">
                    <h2 class="about-title">关于 我们</h2>
                    <div class="line"></div>
                    <p class="about-p">与流行的观点相反，Lorem不仅仅是随机文本。它起源于公元前45年的一系列古典拉丁文学，距今已有2000多年的历史。阿瓦隆的领先酒店，岛上热情好客，设施周到，特色鲜明</p>
                    <p class="about-p1">弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克从一段《洛雷姆·伊普森》中查找了一个更为晦涩的拉丁语单词“concertetur” ...</p>
                    <a href="#" class="read-more">阅读 更多 </a>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7 ">
                <div class="about-img">
                    <div class="img-1">
                        <img src="../../../../statics/index/images/Home-1/about-3.jpg" class="img-responsive" alt="Image">
                        <div class="img-2">
                            <img src="../../../../statics/index/images/Home-1/about-1.jpg" class="img-responsive" alt="Image">
                        </div>
                        <div class="img-3">
                            <img src="../../../../statics/index/images/Home-1/about-2.jpg" class="img-responsive" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END/ ABOUT-US-->
<!-- BEST -->
<section class="best">
    <div class="container">
        <div class="row">
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-1.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">主卧室</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-2.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">海景阳台</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-3.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">泳池水疗中心</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-4.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">Wifi 覆盖</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-5.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">很棒的套餐</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-6.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">每天打扫</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-7.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">布特菲特早餐酒店</h6>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <div class="wrap-best">
                    <div class="icon-best">
                        <img src="../../../../statics/index/images/Home-1/about-icon-8.png" class="img-responsive" alt="Image">
                    </div>
                    <h6 class="sky-h6">机场出租车</h6>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / BEST -->
<!-- TESTIMONOALS -->
<section class="testimonials">
    <div class="testimonials-h">
        <div class="testimonials-content">
            <div class="container">
                <div id="testimonials" class="owl-carousel owl-theme">
                    <div class="item ">
                        <div class="img-testimonials"><img src="../../../../statics/index/images/Home-1/about-testimonials-img.png" alt="#"></div>
                        <p class="testimonials-p"><span>“</span>​‌ 这是卡塔琳娜唯一可以住的地方！我住过比较便宜的酒店，他们都很好，但这只是锦上添花！花了一天的时间骑自行车和徒步旅行回来，一边喝一杯葡萄酒，一边看着窗外 <span>​‌​‌”</span> 海景窗口，然后将其全部关闭...</p>
                        <h5 class="sky-h5">朱莉娅·罗斯</h5>
                        <p class="testimonials-p1">来自加利福尼亚州洛杉矶</p>
                    </div>
                    <div class="item">
                        <div class="img-testimonials"><img src="../../../../statics/index/images/Home-1/about-testimonials-img.png" alt="#"></div>
                        <p class="testimonials-p"><span>“</span>​‌ 这是卡塔琳娜唯一可以住的地方！我住过比较便宜的酒店，他们都很好，但这只是锦上添花！花了一天的时间骑自行车和徒步旅行回来，一边喝一杯葡萄酒，一边看着窗外 <span>​‌​‌”</span> 海景窗口，然后将其全部关闭...</p>
                        <h5 class="sky-h5">朱莉娅·罗斯</h5>
                        <p class="testimonials-p1">来自加利福尼亚州洛杉矶</p>
                    </div>
                    <div class="item">
                        <div class="img-testimonials"><img src="../../../../statics/index/images/Home-1/about-testimonials-img.png" alt="#"></div>
                        <p class="testimonials-p"><span>“</span>​‌这是卡塔琳娜唯一可以住的地方！我住过比较便宜的酒店，他们都很好，但这只是锦上添花！花了一天的时间骑自行车和徒步旅行回来，一边喝一杯葡萄酒，一边看着窗外 <span>​‌​‌”</span> 海景窗口，然后将其全部关闭...</p>
                        <h5 class="sky-h5">朱莉娅·罗斯</h5>
                        <p class="testimonials-p1">来自加利福尼亚州洛杉矶</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / TESTIMONOALS -->
<!--OUR-EVENTS-->
<section class="events">
    <div class="container">
        <h2 class="events-title">我们的活动</h2>
        <div class="line"></div>
        <div id="events-v2" class="owl-carousel owl-theme">
            <div class="item ">
                <div class="events-item">
                    <div class="events-img"><img src="../../../../statics/index/images/Home-1/Our-Events-1.jpg" class="img-responsive" alt="Image"></div>
                    <div class="events-content">
                        <a href="#" title="">
                            <p class="sky-p">事件</p>
                            <h3 class="sky-h3">结婚日</h3>
                        </a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="events-item">
                    <div class="events-img"><img src="../../../../statics/index/images/Home-1/Our-Events-2.jpg" class="img-responsive" alt="Image"></div>
                    <div class="events-content">
                        <a href="#" title="">
                            <p class="sky-p">事件</p>
                            <h3 class="sky-h3">高尔夫球杯 2017</h3>
                        </a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="events-item">
                    <div class="events-img"><img src="../../../../statics/index/images/Home-1/Our-Events-3.jpg" class="img-responsive" alt="Image"></div>
                    <div class="events-content">
                        <a href="#" title="">
                            <p class="sky-p">事件</p>
                            <h3 class="sky-h3"> 沙滩运动</h3>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / OUR EVENTS -->
<!--OUR-NEWS-->
<section class="news">
    <div class="container">
        <h2 class="new-title">消息</h2>
        <div class="line"></div>
        <div class="row">
            <div class="news-content">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="substance">
                        <div class="date">
                            <div class="day">25</div>
                            <div class="year"> 八月
                                <br>2022</div>
                        </div>
                        <div class="text">
                            <a href="#">更新Skyline酒店的菜单食物</a>
                        </div>
                        <a href="#" class="read-more">Read More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="substance">
                        <div class="date">
                            <div class="day">22</div>
                            <div class="year"> 八月
                                <br>2022</div>
                        </div>
                        <div class="text">
                            <a href="#">机器是老虎机</a>
                        </div>
                        <a href="#" class="read-more">阅读更多 </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="substance">
                        <div class="date">
                            <div class="day">06</div>
                            <div class="year"> 八月
                                <br>2022</div>
                        </div>
                        <div class="text">
                            <a href="#">地球母亲是我们旅行的主人</a>
                        </div>
                        <a href="#" class="read-more">阅读更多 </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / OUR NEWS -->
<!-- OUR-GALLERY-->
<section class="gallery-our">
    <div class="container-fluid">
        <div class="gallery">
            <h2 class="title-gallery">我们的画廊</h2>
            <div class="outline"></div>
            <ul class="nav nav-tabs text-uppercase">
                <li class="active"><a data-toggle="tab" href="#Hotel">地面酒店</a></li>
                <li><a data-toggle="tab" href="#menu1">房间/套房 </a></li>
                <li><a data-toggle="tab" href="#menu2">浴室</a></li>
                <li><a data-toggle="tab" href="#menu3">吃饭</a></li>
            </ul>
            <br/>
            <div class="tab-content">
                <div id="Hotel" class="tab-pane fade in active">
                    <div class="product ">
                        <div class="row">
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-1.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main " title>
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-1-1.jpg" data-littlelightbox-group="gallery" title="Luxury Room view all"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-2.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="HIHI"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-3.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-3-3.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-4.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-4-4.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-5.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-5-5.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-6.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-6-6.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-7.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-7-7.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-8.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-8-8.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="menu1" class="tab-pane fade">
                    <div class="product ">
                        <div class="row">
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-6.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-7.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-3-3.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-8.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-4-4.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="menu2" class="tab-pane fade">
                    <div class="product ">
                        <div class="row">
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-7.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-8.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-6-6.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="menu3" class="tab-pane fade">
                    <div class="product ">
                        <div class="row">
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-3.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-4.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-5.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-6.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-7.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gallery_product col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                                <div class="wrap-box">
                                    <div class="box-img">
                                        <img src="../../../../statics/index/images/Home-1/gallery-8.jpg" class="img-responsive" alt="Product" title="images products">
                                    </div>
                                    <div class="gallery-box-main">
                                        <div class="gallery-icon">
                                            <a class="lightbox " href="../../../../statics/index/images/Home-1/gallery-2-2.jpg" data-littlelightbox-group="gallery" title="Flying is life"><i class="ion-ios-plus-empty" aria-hidden="true" ></i> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end-tab-content -->
            <div class="text-center">
                <button type="button" class="btn btn-default btn-our">查看更多</button>
            </div>
        </div>
        <!-- /gallery -->
    </div>
    <!-- /container -->
</section>
<!-- END / OUR GALLERY -->
<!--FOOTER-->
<footer class="footer-sky">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-1 col-lg-1">
                    <div class="icon-email">
                        <a href="#" title="Email"><img src="../../../../statics/index/images/Home-1/footer-top-icon-l.png" alt="Email" class="img-responsive"></a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-7 col-lg-5">
                    <div class="textbox">
                        <form class="form-inline">
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="email" class="form-control" placeholder="Your email address" aria-label="Search for...">
                                    <button class="btn btn-secondary" type="button">
                                        <i class="ion-android-send"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-6 text-right">
                    <div class="footer-icon-l">
                        <a href="#" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                        <a href="#" title="Facebook"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
                        <a href="#" title="Tripadvisor"><i class="fa fa-tripadvisor" aria-hidden="true"></i></a>
                        <a href="#" title="Isnstagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /container -->
    </div>
    <!-- /footer-top -->
    <div class="footer-mid">
        <div class="container">
            <div class="row padding-footer-mid">
                <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                    <div class="footer-logo text-center list-content">
                        <a href="../../index.html" title="Skyline"><img src="../../../../statics/index/images/Home-1/sky-logo-footer.png" alt="Image"></a>
                    </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1  ">
                    <div class="list-content">
                        <ul>
                            <li><a href="#" title="">站点地图</a></li>
                            <li><a href="#" title="">条款与条件</a></li>
                            <li><a href="#" title="">隐私政策</a></li>
                            <li><a href="#" title="">帮助</a></li>
                            <li><a href="#" title="">使附属</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1 ">
                    <div class="list-content ">
                        <ul>
                            <li><a href="#" title="">我们的位置</a></li>
                            <li><a href="#" title="">生涯</a></li>
                            <li><a href="#" title="">关于我们</a></li>
                            <li><a href="#" title="">联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1">
                    <div class="list-content ">
                        <ul>
                            <li><a href="#" title="">FAQS</a></li>
                            <li><a href="#" title="">消息</a></li>
                            <li><a href="#" title="">照片和视频</a></li>
                            <li><a href="#" title="">餐馆</a></li>
                            <li><a href="#" title="">礼品卡</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding">版权与复制；2022.公司名称保留所有权利.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding">
                    <div class="payments text-right">
                        <ul>
                            <li>
                                <a href="#" title="Paypal"><img src="../../../../statics/index/images/Home-1/Paypal.png" alt="Paypal"></a>
                            </li>
                            <li>
                                <a href="#" title="Visa"><img src="../../../../statics/index/images/Home-1/Visa.png" alt="Visa"></a>
                            </li>
                            <li>
                                <a href="#" title="Master"><img src="../../../../statics/index/images/Home-1/Master-card.png" alt="Master"></a>
                            </li>
                            <li>
                                <a href="#" title="Discover"><img src="../../../../statics/index/images/Home-1/Discover.png" alt="Discover"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- END / FOOTER-->
<!--SCOLL TOP-->
<a href="#" title="sroll" class="scrollToTop"><i class="fa fa-angle-up"></i></a>
<!--END / SROLL TOP-->
<!-- LOAD JQUERY -->

<script type="text/javascript" src="/statics/index/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/statics/index/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/statics/index/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/statics/index/js/vit-gallery.js"></script>
<script type="text/javascript" src="/statics/index/js/jquery.countTo.js"></script>
<script type="text/javascript" src="/statics/index/js/jquery.appear.min.js"></script>
<script type="text/javascript" src="/statics/index/js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="/statics/index/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/statics/index/js/jquery.littlelightbox.js"></script>
<script type="text/javascript" src="/statics/index/js/bootstrap-datepicker.js"></script>
<!---<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBDyCxHyc8z9gMA5IlipXpt0c33Ajzqix4"></script>--->
<!-- Custom jQuery -->
<script type="text/javascript" src="/statics/index/js/sky.js"></script>
</body>
<script>
    $("#grzx").click(function(){
        var dayss=$("#dayss").text();
        alert(dayss)
        if(dayss==null||dayss==''){
            alert("请登录")
            window.location.href = '/home/login2';
            return false
        }else{
            window.location.href = '/home/account/index';
            return true
        }
    })
</script>

</html>

